@charset="utf-8";
body,div,ul,li,img,span,a{
	margin:0;
	padding:0;
}
body{
	font-family: "微软雅黑"
}
ul{
	float: left;
	list-style: none;
}
.site-topbar{
	width: 100%;
	min-width: 1226px;
	height: 40px;
	line-height: 40px;
	background-color: #333333;
}
.container{
	width: 1227px;
	
	margin:0 auto;
	
	position: relative;
	font-size: 12px;
	 color: #b0b0b0;
	 padding:0;

}
.topbar-nav{
	display: inline-block;
	font-size: 12px;
	
 
}
.topbar-info{
	display: inline-block;
	width: 400px;	
	height: 40px;	
	line-height: 40px;
	position: absolute;
	right: 0;
	text-align: right;
	
	

}
.link{
	margin-left: 6px;
	margin-right:6px;
}
a{
	color:#b0b0b0;

}
.sep{
	color:#403b37;
}
.topbar-nav a{
	
	margin-left: 6px;
	margin-right: 6px;
}
.topbar-nav a:nth-of-type(1){
	margin-left: 0;

}
a:link,a:visited,a:hover{
 text-decoration:none; 
}
.topbar-nav a:hover{
	color: white;
}
.gou{
	margin:0;
	display: inline-block;
	width: 120px;
	height: 40px;
	background-color: #424242;
	text-align: center;
	
}
.gouwu{
	z-index: 999;
	position: absolute;
	right: 0;
	width: 320px;
	height: 95px;
	line-height: 95px;
	text-align: center;
	background: white;
	font-size: 12px;
	color: black;
	display: none;
    box-shadow: 0 0 6px lightgrey;
}


.site-header{
	height: 100px;
	line-height: 100px;
	width: 100%;
}
.header-logo{
	width: 55px;
	height: 55px;
	position: absolute;

	left: 0;
}
.nav-category{
	position: absolute;
	top: 18px;
	left: 70px;
}
.nav-list{
	position: absolute;
	left: 245px;
	margin-left: 30px;
	margin:0;
	padding:0;


}
.nav-item{
    display: inline-block;  
    float: left;
    height: 100px;
    margin-right:20px;
    font-size: 16px;
}
.nav-item a{color:#333333;}
.nav-item a:hover{color:orange;}
.item-children{
     position: absolute;
     left: 0;
     top: 140px;
	width: 1903px;
	height: 230px;
	border-top: 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;
	z-index: 999999;
	display: none;
	background: white;
}
.clearfix:after {clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;}
.children-list{
	position: absolute;
	top:40px;
	left: 20px;
	

	}
.children-list li{
		float: left;
		position: relative;
		/*border: 1px solid red;*/
		height: 150px;
		text-align: center;
}
 
.figure{
	width: 175px;
	height: 110px;
	border-right: 1px solid lightgrey;
	
		}
.title a{
     color: black;
}
.price{
	   color:orange;

}
.side{
	float: right;
	position: relative;
	top: 30px;
	width: 400px;
	height: 45px;
	padding:0;
	text-align:center;
	
}
.but{
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 50px;
	height: 45px;
	line-height: 45px;
	border-top: 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;
	border-right: 1px solid lightgrey;

}
.sousuo{
	position: absolute;
	right: 60px;
	top: 0;
	display: inline-block;
	width: 200px;
	height: 45px;
	line-height: 45px;
	/*border: 1px solid lightgrey;*/
	font-size: 12px;
	color: grey;

}
.search1{
	position: absolute;
	right: 50px;
	top: 0;
	width: 245px;
	height: 45px;
	border:1px solid #e6e7ec;
}
.search1:hover{
    border:1px solid grey;
}

.input_updown{
	z-index: 9999999;
	position: absolute;
	right: 50px;
	top: 74px;
	width: 245px;
	height:302px;
	border: 1px solid #ff6700;

	display: none;
}
.input_updown li{
	height: 30px;
	line-height: 30px;
	font-size: 12px;
    color: #333333;
	width: 100%;
	background: white;
	text-align: center;
	position: relative;
}
.input_updown li span:nth-of-type(1){
	position: absolute;
	left: 15px;
	font-size: 12px;
	
}
.input_updown li span:nth-of-type(2){
	position: absolute;
	right: 15px;
	font-size: 11px;
	color:#b0b0b0;
}
.pro{

	background: #f2f2f2;
	padding:2px;


}
.ren{
	padding:2px;
	background: #f2f2f2;
	margin-left: 10px;
}
.pro:hover{
	background:#ff6700;
	color: white;
}
.ren:hover{
	background:#ff6700;
	color: white;
}
.but span{
	font-size: 18px;
	font-weight: bold;
	color: grey;
}
.but:hover{
	background:#ff6700;
}
#slides{
	
	position: relative;
	height: 460px;	
}
.slidesjs-previous{
z-index: 99;
position: absolute;
top:200px;
left:235px;

font-size: 30px;
}

.slidesjs-next{
z-index: 99;
position: absolute;
top:200px;
right:5px;
font-size: 30px;
}
/*.rightside{
	z-index: 9999;
	opacity: 0.3;
	position: absolute;
	top:0;
	left: 0;
	width: 235px;
	height: 460px;
	background:black;
}
.banner_nav{
	margin-top: 20px;
}
.banner_nav li{
    text-indent: 2em;
	z-index: 99999;
	height: 40px;
	line-height: 40px;
	width: 235px;
	color: white;
	font-size: 14px;
	position: relative;
}
.banner_nav li span{
	height: 40px;
	line-height: 40px;
	display: inline-block;
	position: absolute;
	right: 20px;
}
.container_flex{

}*/


/*轮播图列表*/
.banner_nav{ z-index: 99999; position: absolute;left: 0;top:0;color: #fff;height: 460px;width: 234px;padding: 20px 0;}
.banner_nav_mask{z-index: 9999;position: absolute;left: 0;top:0;height: 460px;width: 234px;background-color: black;opacity: 0.3;}
.banner_nav li{padding-left: 30px;font-size: 14px;height: 42px;line-height: 41px;}
.banner_nav li span{float: right;margin-top:13px;margin-right:24px;width: 8px;height: 12px;}
.banner_nav li:hover{background-color: #ff6700;}

/*列表弹出表格*/
.container_flex{z-index: 100; position:absolute;left:234px;top:0;flex-direction: column;flex-wrap: wrap;background-color: #fff;height: 460px;padding: 2px 0;border-top: 1px solid #e0e0e0;display: none;box-shadow:0 2px 5px #888;}
.banner_nav li:hover .container_flex{display: flex;}
.container_flex div{padding: 18px 10px 18px 20px;background-color: #ffffff;width: 245px;height: 76px;box-sizing: border-box;color: #333333;}
.container_flex div .flex_pick{float: right;color:#ff6700;width: 58px;height: 22px;line-height: 22px;border: 1px solid #ff6700;text-align: center;font-size: 12px;margin-top: 7px;}
.o2o{
	/*float: left;*/
	height: 185px;
}
.o2o .container{

	height: 185px;
}
.o2o .left{
	position: absolute;
	left: 0;
	
	margin-top:15px;
	display: inline-block;
	width: 235px;
	height: 170px;
	background: #5f5750;
	
}
.o2o img{
	width: 316px;
	height: 170px;
	margin-left:12px;
	position: relative;
	margin-bottom: 165px;
	margin-top: 15px;

}
.i{
	position: absolute;
	left: 237px;
}
.o{
	position: absolute;
	left: 237px;
}
.p{
	position: absolute;
	left: 237px;
}
.star .box-hd{
	position: absolute;
	left: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;	
	height: 50px;	
	line-height: 50px;
	color: black;
	

}
.star .box-hd .title{
	font-size: 20px;
	color: black;
	
}
 .star .box-hd .more{
	width: 80px;	
	height: 40px;
	line-height: 40px;
    text-align: right;
	position: absolute;
	right: 0;
	top: 10px;
	/*border: 1px solid  red;	*/
}
.star .box-hd .more span{
	width: 35px;	
	height: 20px;
	line-height: 20px;
	text-align: center;
	border: 1px solid  lightgrey;	
	color: lightgrey;
}

.star .box-bd{
	position: absolute;
	top: 80px;
	width: 100%;	
	height: 380px;	
	overflow: hidden;
	/*border: 1px solid red;*/
}
.star .box-bd ul{
	width: 3681px;	
}
.star .box-bd ul li{
     float: left;
     height: 380px;	
    /* line-height: 200px;*/
     width: 233px;
     text-align: center;
     margin-right: 20px;
     background: #fafafa;
     position: relative;	
    
}
.rainbow-item-1,.rainbow-item-6{
	border-top: 1px solid #ffac13;
}
.rainbow-item-2,.rainbow-item-7{
	border-top: 1px solid #83c44e;
}
.rainbow-item-3,.rainbow-item-8{
	border-top: 1px solid #2196f3;
}
.rainbow-item-4,.rainbow-item-9{
	border-top: 1px solid #e53935;
}
.rainbow-item-5,.rainbow-item-10{
	border-top: 1px solid #00c0a5;
}
.rainbow-item-5{
	 margin-right: 0px;
}
.thumb img{
	position: absolute;
	top: 80px;
    width: 105px;	
    height: 126px;	
    left: 66px;
}
.box-bd .title{
	position: absolute;
	top: 220px;
	width: 100%;	
	text-align: center;
	font-size: 14px;
	
}
.box-bd .desc{
	position: absolute;
	top: 260px;
	width: 100%;	
	text-align: center;
	

}
.box-bd .price{
	position: absolute;
	top: 284px;
	width: 100%;	
	text-align: center;
	

}

.left div{
	display: inline-block;
	width: 75px;	
	height: 80px;	
	/*line-height: 75px;*/
	text-align: center;
	
	position: relative;
	margin:0;
}
.left div:hover{
	color: white;
}
.left img{
	position: absolute;
	top: 10px;
	left: 20px;
   width: 30px;	
   height: 30px;
  
   margin:0;
}
.left span{
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 50px;	

}
.all{
	width: 100%;
	min-width: 1226px;
	/*height: 5000px;*/
	margin-top: 500px;
	background: #F5F5F5;
}
.ying .box-bd{
	position: absolute;
	left:250px;
	width: 985px;
	height: 621px;
	
}
.ying .right{
	display: inline-block;
	  height: 300px;	
    /* line-height: 200px;*/
     width: 230px;
     text-align: center;
     margin-right: 18px;
     margin-bottom: 15px;
     background: #FDFDFD;
     position: relative;	
}

.ying .right img{
    width: 130px;
	height: 130px;
	margin-left:11px;
	margin-top: 15px;
}
/*智能硬件*/
.ying .left{
	position: absolute;
	left: 0;
	width: 233px;
	height: 614px;
}
.ying .left img{
	position: absolute;
	top: 0;
	left: 0;
	width: 233px;
	height: 614px;

}


.ying .box-hd .title{
	font-size: 20px;
	color:black;
}
.ying .container{
	height: 680px;
}
.ying .more{
	position: absolute;
	top: 25px;
	right: 0;
	font-size: 16px;
	color: #424242;
	text-align: right;
}
.dapei .box-bd{
	position: absolute;
	left:250px;
	width: 985px;
	height: 621px;
	
}
.dapei .right{
	display: inline-block;
	  height: 300px;	
    /* line-height: 200px;*/
     width: 230px;
     text-align: center;
     margin-right: 18px;
     margin-bottom: 15px;
     background: #FDFDFD;
     position: relative;	
}
.dapei .right .pingjia,.peijian .right .pingjia,.zhoubian .right .pingjia{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
	width: 230px;	
	height: 87px;	
	background:#EF5B00; 
	display: none;
}
.pingjia p{
	width: 180px;	
	margin:13px auto;
	color: white;
	font-size: 12px;
	text-align: left;
}
.pingjia span{
	display: inline-block;
	width: 180px;
	color:#ffc299;
	font-size: 12px;
	text-align: left;
}
.dapei .right img{
    width: 130px;
	height: 130px;
	margin-left:11px;
	margin-top: 15px;
}
/*智能硬件*/
.dapei .left{
	position: absolute;
	left: 0;
	width: 240px;
	height: 615px;
	margin:0;
	padding:0;
	text-align: center;
}
.dapei .left img{
	position: absolute;
	top: 0;
	left: 0;
	 width: 230px;
	height: 300px;
margin-bottom: 15px;
}
.dapei .left img:nth-of-type(2){
	position: absolute;
	top: 315px;
	left: 0;
}


.dapei .box-hd .title{
	font-size: 20px;
	color:black;
}
.dapei .container{
	height: 680px;
}
.dapei .more{
	position: absolute;
	top: 25px;
	right: 0;
	font-size: 16px;
	color: #424242;
}
.dapei .more span{
	margin-left: 20px;
	font-size: 16px;
	font-weight: normal;
	text-align: right;
}




.peijian .box-bd,.zhoubian .box-bd{
	position: absolute;
	left:250px;
	width: 985px;
	height: 621px;
	
}
.peijian .right,.zhoubian .right{
	display: inline-block;
	  height: 300px;	
    /* line-height: 200px;*/
     width: 230px;
     text-align: center;
     margin-right: 18px;
     margin-bottom: 15px;
     background: #FDFDFD;
     position: relative;	
}
.peijian .right img,.zhoubian .right img{
    width: 130px;
	height: 130px;
	margin-left:11px;
	margin-top: 15px;
}
/*智能硬件*/
.peijian .left,.zhoubian .left{
	position: absolute;
	left: 0;
	width: 240px;
	height: 615px;
	margin:0;
	padding:0;
	text-align: center;
}
.peijian .left img,.zhoubian .left img{
	position: absolute;
	top: 0;
	left: 0;
	 width: 230px;
	height: 300px;
margin-bottom: 15px;
}
.peijian .left img:nth-of-type(2),.zhoubian .left img:nth-of-type(2){
	position: absolute;
	top: 315px;
	left: 0;
}


.peijian .box-hd .title,.zhoubian .box-hd .title{
	font-size: 20px;
	color:black;
}
.peijian .container,.zhoubian .container{
	height: 680px;
}
.peijian .more,.zhoubian .more{
	position: absolute;
	top: 25px;
	right: 0;
	font-size: 16px;
	color: #424242;
}
.peijian .more span,.zhoubian .more span{
	margin-left: 20px;
	font-size: 16px;
	font-weight: normal;
}
.all .right:hover,.all .left img:hover{
   box-shadow: 10px 10px 20px lightgrey;
   transform: translate(0,-1px);
}
.all .right:nth-of-type(4){
	margin-right: 0px;
}
.all .right:nth-of-type(8){
	margin-right: 0px;
}
.all .box-bd .title{
	position: absolute;
	top: 150px;
	width: 100%;	
	text-align: center;
	font-size: 14px;
	
}
.all .box-bd .desc{
	position: absolute;
	top: 190px;
	width: 100%;	
	text-align: center;
	

}
.all .box-bd .price{
	position: absolute;
	top: 210px;
	width: 100%;	
	text-align: center;
}
.all .more span:hover{
	color: #FF6709;
}
.dapei .more span:hover,.peijian .more span:hover,.zhoubian .more span:hover{
	text-decoration: underline;
} 



#star .title{
  top:200px;
}
#star .desc{
 top:240px;
}
#star .price{
 top:260px;
}
#star li{
	background: white;
}






.reping{
	margin-top:500px;
	

}
.reping .title{
	color: #000000;
	font-size: 20px;
	font-weight: normal;
}
.reping .box-bd{
	position: absolute;
	width: 100%;	
	left: 0;
	
}
.reping .box-bd .right{
	display: inline-block;
	margin-right: 8px;
}
.reping .box-bd img{
	width: 298px;	
	height: 418px;	
	
}
.reping .box-bd .right:nth-of-type(4){
      margin-right: 0;
}
.yuxiu{
	width: 100%;	
	height: 275px;	
	background: white;
	margin-top: 500px;
	margin-bottom: 30px;
}
.yuxiu .list-service{
	position: absolute;
	top: 0;
   
	height: 82px;	
	width: 100%;	
	float: left
}
.yuxiu .footer-links{
	position: absolute;
	top: 82px;
	height:193px;
	width: 100%;	
}
.yuxiu .col-contact{
	text-align: center;
	width: 252px;
	height: 193px;	

	position: absolute;
	top: 0px;
	right: 0;
}
.list-service li{
	float: left;
	width: 243px;	
	height: 82px;	
	line-height: 82px;
	text-align: center;
	font-size: 16px;
	
}
.list-service li a{
	 color:black;
}
dl{
	display: inline-block;
	margin-right: 100px;
	font-size: 14px;
}
dt{
	margin-bottom: 20px;
	color:black;
}
.col-contact .phone{
	font-size: 18px;
	color: #FF6700;
}
.btn-small{
	width: 140px;	
	height: 30px;
	text-align: center;

	border: 1px solid #FF6700;
	color: #FF6700;
}
.info-text{
	display: inline-block;

}
.site-info img{
	position: relative;
	bottom: 25px;
}

.info-text a{
font-size: 14px;
}
.site-info p{
	margin-bottom: 0;

}

.slogan{
	/*font-family: "楷体"；*/
	font-size: 20px;
	width: 100%;

	text-align: center;
	margin-top: 30px;
}
.info-links {
	position: absolute;
	right: 0;
	top: 28px;
	
}
.info-links img{
	width: 81px;	
	height: 25px;	
}

/*top:50px; left:0px;position:absolute;*/
#slider{ width:296px; height:421px; background:white;  overflow:hidden;  text-align: center;display: inline-block;margin-right: 10px;}

#pic{ width:296px; height:421px;position:relative; }
#pic h3{
	position: absolute;
	top: 30px;
	left: 130px;
}
#pic .desc{
	position: absolute;
	left: 100px;
	top: 100px;
}
#pic .price{
	position: absolute;
	left: 110px;
	top: 120px;
}
#pic img{ position:absolute; top:160px; left:50px; display:none; }

#but{ width:200px; height:20px; position:absolute; right:10px; bottom:15px; z-index:1; }

#but ul li{list-style-type:none;float:left;width:28px;height:18px;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.3);color:#fff;font-size:12px;text-align:center;line-height:18px;
    margin:0 5px;cursor:pointer; }

#but ul li:hover,#but ul .cli{background:rgba(0,0,0,.8);}

#left,#right{width:40px;height:80px;position:absolute;top:170px;
    cursor:pointer;display:none;}

#slider:hover #left,#slider:hover #right{display:block;}

#left{left:0;background:url("../images/arrow.png") no-repeat -88px center;}

#right{right:0;background:url("../images/arrow.png") no-repeat -121px center;}

#left:hover{background-position:0 center;}

#right:hover{background-position:-43px center;}

.neirong{
	margin-top: 450px;
}